:host {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: width .5s;
    cursor: pointer
}

:host:hover .layer-common {;
    margin-left: 0px;
}

:host .layer-common {
    border: 1px solid #fff;
    height: 60px;
    margin: 10px 5px;
    display: inline-block;
    width: 60px;
    top: 0;
    transition: all .6s;
    margin-left: -60px;
}

:host .layer-common.selected {
    border: 1px solid rgba(0, 0, 255, .81);
}

:host .ol-layer {
    height: 100%;
    width: 100%
}

:host .ol-layer-2d {
    background-image: url(img/layer-2d.png);
}

:host .ol-layer-3d {
    background-image: url(img/layer-3d.png);
}

:host .ol-layer-dem {
    background-image: url(img/layer-dem.png);
}

:host .ol-layer-dom {
    background-image: url(img/layer-dom.png);
}
